@charset "utf-8";

@import url("ext/css/ext-all.css");
/*@import url("ext/css/xtheme-gray.css");*/
/*@import url("ext/css/xtheme-black.css");*/
/*@import url("ext/css/xtheme-darkgray.css");*/
/*@import url("ext/css/xtheme-olive.css");*/
/*@import url("ext/css/xtheme-purple.css");*/
@import url("column-tree.css");
/*body{background:transparent url(ext/images/logo_bg.gif);}*/
html, body{
    margin: 0;
    padding: 0;
    border: 0 none;
    width: auto;
    height: 100%;
    overflow: hidden;
}

/* html,body,div,input,p,td,table,tr,span,a */
* {
    font-family: arial, sans-serif, Verdana;
    font-size: 9pt;
}

#pntPreview {background-color:#FFFFFF;height:100%;}
#pntPreview th {font-weight:bold;text-align:center;}
#pntPreview td {padding:0 2px;}

#msg-div {
    position: absolute;
    top: 5px;
    width: 300px;
    z-index: 20000;
}

.msg .x-box-mc h3{
    color: red;
    font-size: 10pt;
}

.x-tree-col {
    border-right: black 1px;
}

#loading {
    position: absolute;
    left: 45%;
    top: 40%;
    border: 1px solid #6593cf;
    padding: 2px;
    background: #c3daf9;
    width: 150px;
    text-align: center;
    z-index: 99;
}

#loading .loading-indicator {
    border: 1px solid #a3bad9;
    background: white url(ext/images/block-bg.gif) repeat-x;
    color: #003366;
    font: bold 12pt;
    padding: 10px;
    margin: 0;
    font-weight: bold;
}

#north {
    background: url(ext/images/bg.gif);
    text-align: right;
}

#north #text {padding: 5px 5px 0px 5px;}

#north #text span {padding: 0px;margin:0px;}

#north #text a {text-decoration:none;color:#15428B;font-weight:bold;}
#north #text a:hover {background-color:white;}

.btn_insert     {background:url(ext/images/icon_insert.png) 0px 2px no-repeat!important;}
.btn_modify     {background:url(ext/images/icon_modify.png) 0px 2px no-repeat!important;}
.btn_delete     {background:url(ext/images/icon_delete.png) 0px 2px no-repeat!important;}
.btn_search     {background:url(ext/images/icon_search.png) 0px 2px no-repeat!important;}
.btn_config     {background:url(ext/images/icon_config.png) 0px 2px no-repeat!important;}
.btn_close      {background:url(ext/images/icon_close.gif) 0px -2px no-repeat!important;}
.btn_closeall   {background:url(ext/images/icon_closeall.gif) 0px 0px no-repeat!important;}
.btn_refresh    {background:url(ext/images/icon_refresh.png) 0px 0px no-repeat!important;}
.btn_excel      {background:url(ext/images/icon_excel.gif) 0px 0px no-repeat!important;}
.btn_printer    {background:url(ext/images/icon_printer.png) 0px 2px no-repeat!important;}
.btn_sideAdd    {background:url(ext/images/icon_sideAdd.png) 0px 3px no-repeat!important;}
.btn_cancel     {background:url(ext/images/icon_cancel.png) 0px 3px no-repeat!important;}
.btn_accept     {background:url(ext/images/icon_accept.png) 0px 3px no-repeat!important;}
.btn_cross      {background:url(ext/images/icon_cross.png) 0px 3px no-repeat!important;}
.btn_reset      {background:url(ext/images/icon_undo.png) 0px 3px no-repeat!important;}
.btn_pencil     {background:url(ext/images/icon_pencil.png) 0px 3px no-repeat!important;}
.btn_lock       {background:url(ext/images/btn_lock.png) 0px 3px no-repeat!important;}
.btn_blackpass  {background:url(ext/images/btn_blackpass.png) 0px 3px no-repeat!important;}


.menu_insert     {background:url(ext/images/icon_insert.png) no-repeat!important;}
.menu_modify     {background:url(ext/images/icon_modify.png) no-repeat!important;}
.menu_delete     {background:url(ext/images/icon_delete.png) no-repeat!important;}
.menu_search     {background:url(ext/images/icon_search.png) no-repeat!important;}
.menu_config     {background:url(ext/images/icon_config.png) no-repeat!important;}
.menu_close      {background:url(ext/images/icon_close.gif) no-repeat!important;}
.menu_closeall   {background:url(ext/images/icon_closeall.gif) no-repeat!important;}
.menu_refresh    {background:url(ext/images/icon_refresh.png) no-repeat!important;}
.menu_excel      {background:url(ext/images/icon_excel.gif) no-repeat!important;}
.menu_printer    {background:url(ext/images/icon_printer.png) no-repeat!important;}
.menu_sideAdd    {background:url(ext/images/icon_sideAdd.png) no-repeat!important;}
.menu_cancel     {background:url(ext/images/icon_cancel.png) no-repeat!important;}
.menu_accept     {background:url(ext/images/icon_accept.png) no-repeat!important;}
.menu_cross      {background:url(ext/images/icon_cross.png) no-repeat!important;}
.menu_reset      {background:url(ext/images/icon_undo.png) no-repeat!important;}
.menu_pencil     {background:url(ext/images/icon_pencil.png) no-repeat!important;}

.qtip-close {
    background-image:url(ext/images/default/qtip/close.gif);
    height:15px;
    float:right;
    width:15px;
    margin:0 0 2px 2px;
    cursor:pointer;
}

.light_red {width:11px;height:16px;background:url(ext/images/light_red.gif) no-repeat!important;}
.light_green {width:11px;height:16px;background:url(ext/images/light_green.gif) no-repeat!important;}
.light_yellow {width:11px;height:16px;background:url(ext/images/light_yellow.gif) no-repeat!important;}
.light_black {width:11px;height:16px;background:url(ext/images/light_black.gif) no-repeat!important;}

span.field {font-weight:bold;cursor:move;padding-top:10px;display:block;}

.dlg-top{z-index:999999!important;}

/* form field extends*/
.x-form-tree {
    background: #FFFFFF url(images/default/form/text-bg.gif) repeat-x;
    border: 1px solid #B5B8C8;
    padding: 1px 3px;
}

.x-grid3-row {border:1px solid #D0D0D0;border-top-color:#fff;}
.x-grid3-body .x-grid3-td-radio{background:transparent url(ext/images/default/grid/grid3-special-col-bg.gif) repeat-y right;}
.x-grid3-row-radio,.x-grid3-hd-radio{width:100%;height:14px;background-image:url(ext/images/grid_header_radio.gif);background-repeat:no-repeat;background-color:transparent;}
.x-grid3-row-selected .x-grid3-row-radio,.x-grid3-hd-radio-on .x-grid3-hd-radio{background-position:-25px 0px;}
.x-grid3-hd-radio{background:none;}
.x-grid3-hd-radio-on .x-grid3-hd-radio{background-position:-25px 0px;}
.x-table-layout-cell{vertical-align:top;table-layout:fixed;}
.x-grid3-row td{background:transparent url(ext/images/grid_col_bg.gif) repeat-y right;}

.x-portal .x-panel-dd-spacer {margin-bottom:10px;}
.x-portlet {margin-bottom:10px;}
.x-portlet .x-panel-ml {padding-left:2px;}
.x-portlet .x-panel-mr {padding-right:2px;}
.x-portlet .x-panel-bl {padding-left:2px;}
.x-portlet .x-panel-br {padding-right:2px;}
.x-portlet .x-panel-body {background:white;}
.x-portlet .x-panel-mc {padding-top:2px;}
.x-portlet .x-panel-bc .x-panel-footer {padding-bottom:2px;}
.x-portlet .x-panel-nofooter .x-panel-bc {height:2px;}

table.proModT {table-layout:fixed;}
table.proModT td {width:66px;height:66px;text-align:left;}
table.proModT td.header {height:24px;color:#cccccc;text-align:center;}
table.proModT td.first {width:20px;height:24px;text-align:right;color:#cccccc;}
table.proModT td span {width:100%;height:1px;border:1px solid #000000;}
/*.dd-proxy {opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);}*/
.dd-over {background-color:#37F437;}
.proNodeF {width:3px;height:40px;display:block;background:url(ext/images/proNode.gif) 0px 0px no-repeat!important;float:left;}
.proNodeM {width:34px;height:25px;display:block;background:url(ext/images/proNode.gif) 0px -80px repeat-x!important;float:left;text-align:center;padding-top:15px;}
.proNodeB {width:3px;height:40px;display:block;background:url(ext/images/proNode.gif) 0px -40px no-repeat!important;float:left;clear:right;}
.proNodeC {width:100%;height:1px;display:block;clear:both;}
.proNodeM div {width:100%;height:36px;overflow:hidden;text-overflow:ellipsis;}
.nodeSelect {border:1px solid #FF0000!important;}

div.pntPreview {width:98%;}
div.pntPreview td {height:20px;font-size:9pt;}
td.recordNoTd {display:none;}
@media screen {
    div.pntPreview {border:2px #000000 solid;margin-bottom:5px;}
}

/* Fixed Ext's Bug */
/*.x-grid3-header-offset {padding-left:1px;width:auto;}*/

div.x-grid3-header {
    padding: 0px;
}

div.x-grid3-hd-row, div.x-grid3-row {
    display: table-row;
}

div.x-grid3-header-offset {
    padding: 0px;
    table-layout: fixed;
    border-collapse: collapse;
}

.x-grid3-header-offset {
	width: auto;
}
.ext-ie .x-grid3 table.ux-grid-group-table, .ext-safari .x-grid3 table.ux-grid-group-table {
	table-layout: auto;
}
.ux-grid-hd-group-cell {
	background: url(ext/images/default/grid/grid3-hrow.gif) repeat-x bottom;
}

/*
 * Browsers which cannot handle table styled DIVs with border-collapse.
 * Use float:left DIVs with no left border.
 */
.ext-ie div.x-grid3-hd-row div.x-grid3-hd, .ext-ie div.x-grid3-row div.x-grid3-cell,
.ext-opera div.x-grid3-hd-row div.x-grid3-hd, .ext-opera div.x-grid3-row div.x-grid3-cell {
    float:left;
    border-left-width: 0px!important;
}
.ext-ie div.x-grid3-hd-row, .ext-ie div.x-grid3-row {
    border-left-width: 0px!important;
}

div.x-grid3-hd-row div.x-grid3-hd {
    display: table-cell;
    border-left:1px solid #EEEEEE;
    border-right:1px solid #D0D0D0;
    line-height:15px;
    vertical-align:middle;
    /*border-bottom-width: 0px!important;*/
}

.x-grid3-row-alt {
    background-color:#F7F7F7!important;
}

.x-grid3-row-alt.x-grid3-row-selected {
    background-color:#DFE8F6!important;
}

div.x-grid3-body {
    table-layout: fixed;
    border-collapse: collapse;
}

div.x-grid3-hd-row div.x-grid3-hd, div.x-grid3-row div.x-grid3-cell {
    display: table-cell;
    font-family:arial,tahoma,helvetica,sans-serif;
    font-size:9pt;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:13px;
    border: 1px solid #ccc;
    border-top-width: 0px;
    overflow: hidden;
}

.x-html-editor-tb .x-edit-undo .x-btn-text {
  background: transparent url(htmleditorundoredo.gif) no-repeat;
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-redo .x-btn-text {
  background: transparent url(htmleditorundoredo.gif) no-repeat;
  background-position: -16px 0;
}

.x-grid3-header-offset{padding-left:1px;width:auto;}

table.workCardTable {
    margin:10px;
}

.workCardTable td {
    padding:5px;
}

